<template>
  <div class="empty-container">
    <div>
      <h2>{{ title }}</h2>
      <p>快去购物吧！</p>
    </div>
  </div>
</template>

<script>
export default {
  props: ['title']
}
</script>

<style scoped>
.empty-container {
  width: 1225px;
  margin: 0 auto;
}
.empty-container > div {
  height: 300px;
  padding: 0 0 130px 558px;
  margin: 65px 0 0;
  background: url(../assets/imgs/cart-empty.png) no-repeat 124px 0;
  color: #b0b0b0;
  overflow: hidden;
}
.empty-container > div h2 {
  margin: 70px 0 15px;
  font-size: 40px;
}
.empty-container > div p {
  margin: 0 0 20px;
  font-size: 20px;
}
</style>
